@import "base/rest-weui";
@import "base/global";
@import "btn/btn-weui";
@import "components/ranking-list";
@import "components/m-avatar";
//@import "base/animate";
//@import "components/grade-stars";
/*颜色*/
@import "mixins/colors";
@import "mixins/m-global";

.p-personal-avatar{
  height:3rem;
  border-radius: 50%;
}
.weui-cells--personal{
    .weui-cell__bd{
      i{
        color:$color_orange_dark;
        margin-right:5px;
        font-size:18px;
      }
    }
    span,p{
      color:$content_color;
    }
    .weui-badge{
      color:#fff;
    }
}
.m-submit-wrap{
  padding:1.4rem 1rem;
}
.p-panel--msg{
  background-color:#fff;
  height:8rem;
  position: relative;
  padding-top:2rem;
}
.p-panel-title{
  font-size:1rem;
  text-indent: 1rem;
}
.p-panel-msg{
  color:#F50403;
  font-size: 2rem;
}
.p-btn-question,.p-btn-return{
  display: inline-block;
  width:1.6rem;
  height:1.6rem;
  line-height: 1.6rem;
  position: absolute;
  top:4.5rem;
  margin-top:-.8rem;
  z-index: 10;

  i{
    font-size:1.6rem;
  }
}
.p-btn-question{
  color:$color_orange_dark;
  right:1rem;
  &:not(.weui-btn_disabled):active {
    color: darken($btn_orange-bg-color, 5%)
  }
}

.p-btn-return{
  color:#fff;
  background-color:$color_orange_dark;
  border-radius: 50%;
  left:1rem;
  &:not(.weui-btn_disabled):active {
    color: hsla(0,0%,100%,.6);
    background-color: darken($btn_orange-bg-color, 5%)
  }
  i{
    font-size: 1rem;
  }
}
/*我的私信*/
.p-gift-img,
.p-gift-text{
  display:inline-block;
  vertical-align: bottom;
}
.p-gift-img{
  width:1.2rem;
}
.p-gift-text{
  color:#D97333;
  font-size:.7rem;
}
$avatar_wh:3rem;
.m-avatar{
  width:$avatar_wh;
  height:$avatar_wh;
  img{
    width:100%;
    height:100%;
  }
}
span.m-avatar{
  display:inline-block;
  vertical-align: middle;
}
.m-waiter-group{
  padding:.5rem .7rem;
  .m-avatar{
    margin-right:.5rem;
  }
  .m-waiter_title{
    margin-top:.1rem;
    margin-bottom:.2rem;
  }
  .m-waiter_side{
    font-size:.7rem;
    color:$color_orange_light;
  }
  .p-gift{
    position: absolute;
    top:35%;
    right:.7rem;
  }
  .p-gift-text{
    font-size:.7rem;
  }
}
.weui-cell__ft{
  span.g-va--m{
    line-height: 24px;
  }
}

/*员工端登陆页面*/
.p-waiter-login{
  background-color:$color_orange_dark;
  padding-top:1px;
}
.m-box-login{
  padding:.5rem;
  background-color:#fff;
  .weui-label{
    width:1.5rem;
    margin-right:.5rem;
    color:$color_orange_dark;
    border-right:1px solid $color_orange_dark;
  }
  input::-webkit-input-placeholder{
    color:#CACAC8;
  }
  .weui-cells{
    margin-top:0;
    &:before,
    &:after{
      height:0;
      border:none;
    }
  }
  .weui-cell{
    border-radius: .5rem;
    background-color:#EFEFED;
    border-bottom:1px solid #d9d9d9;
    padding:{
      top:.4rem;
      bottom:.4rem;
    }
    &:before{
      border-color:#fff;
    }
    &:first-child{
      margin-bottom:.5rem;

    }
  }
}
.m-login-forget{
  display: block;
  font-size: .8rem;
}
.p-login-logo,
.p-login-title,
.p-login-text{
  font-size: 0;
  margin:{
    left:auto;
    right:auto;
  }
  img{
    display: block;
    width:100%;
  }
}
.p-login-logo{
  width:35%;
  margin-top:2rem;
  margin-bottom:1rem;
}
.p-login-title{
  width:80%;
  margin-bottom:1rem;
}
.p-login-text{
  width:80%;
  margin-top:1rem;
}
.m-login-warp{
  position: relative;
  padding:3.1rem 1rem 1rem;
  margin:{
    left:1rem;
    right:1rem;
  }
}
.p-login-warp_bg{
  position: absolute;
  width:100%;
  top:0;
  left:0;
  z-index: -1;
}
.p-input-group-vcode{
  .weui-cell__ft{
    height:45px;
    line-height: 45px;
    padding-right:.4rem;
    .weui-btn{
      font-size:.65rem;
      display: inline-block;
      padding:0 .4rem;
      margin:{
        top:.35rem;
      }
    }
  }
}
.p-forget--text{
  font-size:.9rem;
  color:$content_color;
  margin:{
    top:1rem;
    bottom:1.5rem;
  }
  p{
    margin-bottom:.5rem;
  }
}
$weui-media-box-p:.4rem .5rem .3rem;
.m-weui-panel--shop{
  .weui-media-box{
    position: relative;
    padding:$weui-media-box-p;
    align-items: flex-start;
  }
  .icon-enter{
    $icon_font:1.2rem;
    $icon_mt:$icon_font;
    position: absolute;
    font-size:$icon_font;
    top:50%;
    margin-top:- $icon_mt;
    right:.2rem;
    color:#B3B3B3;
  }
  .weui-media-box__hd{
    $box__hd-wh:5.8rem;
    width:$box__hd-wh;
    height:$box__hd-wh
  }
  .weui-media-box__bd{
    position: relative;
    padding:{
      right:1rem;
      bottom:1.5rem;
    }
  }
  .weui-media-box__title{
    font-size:.8rem;
    line-height: 1.5;
    margin-bottom:.4rem;
  }
  .m-media_box_help.g-c--orange{
    color:#E2CAB0;
    margin-bottom:.5rem;
    font-size:12px;
  }
}
/*员工 我的评论*/
.m-comment-grade-group{
  position: relative;
}
.m-comment-shop,
.m-comment-grade{
  display:inline-block;
}
.m-comment-shop{
  margin-left:.8rem;
}
.m-comment-grade{
  position: absolute;
  bottom:.25rem;
  right:1rem;
  font-size: .7rem;
  color:#999;
  span{
    margin-bottom:.25rem;
  }
  img{
    width:2rem;
    display: inline-block;
    vertical-align: bottom;
  }
}
/*员工提现----------------------------------------------------*/
.m-media-hd{
  margin-right:1rem;
  text-align: center;
  i{
    font-size: 2rem;

  }

  span{
    display:block;
    font-size:.7rem;
    margin-top:-.25rem;
  }
  &.m-media-hd--horizontal{
    display: inline-block;
    vertical-align: middle;
    margin-right:0;

    i{
      font-size:1.5rem;
      vertical-align: middle;
    }
    span{
      margin-top:-.1rem;
      display:inline-block;
      vertical-align: middle;

    }
    .icon-icon-alipay + span{
      color:#0AAAF0;
    }
    .icon-weixinzhifu + span{
      color:#59B64C;
    }
    .icon-yinhangqia + span{
      color:#FF5770;
    }
  }
}
.m-media-hd{
  .icon-icon-alipay{
    color:#0AAAF0;
  }
  .icon-weixinzhifu{
    color:#59B64C;
  }
  .icon-yinhangqia{
    color:#FF5770;
  }
}
.weui-gallery__del{
  padding:.6rem 0;
}